<template>
  <page-header-wrapper>
    <a-card
      :bordered="false"
      class="card_top_padding no_need_padding"
      style="padding-bottom: 20px"
    >
      <a-tabs v-model="activeKey">
        <a-tab-pane key="SaasSettingUnion" tab="联盟配置" style="margin-top:10px;">
          <Union></Union>
        </a-tab-pane>
        <a-tab-pane key="SaasSettingSms" tab="短信配置" style="margin-top:10px;">
          <Sms></Sms>
        </a-tab-pane>
        <a-tab-pane key="SaasUploadConfig" tab="上传配置" style="margin-top:10px;">
          <Upload></Upload>
        </a-tab-pane>
        <a-tab-pane key="SaasTencentConfig" tab="腾讯云配置" style="margin-top:10px;">
          <Tencent></Tencent>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-header-wrapper>
</template>

<script>
import Wechat from './setting/Wechat'
import Alipay from './setting/Alipay'
import WechatPay from './setting/WechatPay'
import AlipayThird from './setting/AlipayThird'
import ByteDance from './setting/ByteDance'
import StoreShare from './setting/StoreShare'
import Union from './setting/Union'
import Sms from './setting/Sms'
import Upload from './setting/Upload'
import Agency from './setting/Agency'
import WechatThird from './setting/WechatThird'
import Ocr from './setting/Ocr'
import Tencent from './setting/Tencent'

export default {
  name: 'SaasSetting',
  components: {
    Wechat,
    Alipay,
    WechatPay,
    StoreShare,
    Union,
    Sms,
    Upload,
    ByteDance,
    Agency,
    WechatThird,
    Ocr,
    AlipayThird,
    Tencent
  },
  data() {
    return {
      activeKey: 'SaasSettingUnion',
    }
  },
}
</script>

<style scoped>
</style>
